<template>
	<div class="goods-list">
		<goods-list-item v-for="item in goods" :goods-item = "item"></goods-list-item>
	</div>
</template>

<script>
	import goodsListItem from './goodsListItem.vue'
	export default {
		name:'goodsList',
		props:{
			goods:Array
		},
		components:{
			goodsListItem
		}
	}
</script>

<style>
	.goods-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		padding: 0 15px;
		margin-top: 15px;
	}
</style>
